<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>标题</title>
  <style>
    .one {
      width: 100px;
      height: 100px;
      border: 1px solid red;
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <input type="button" value="按钮" id="btn1"/>
  <input type="button" value="按钮2" id="btn2"/>
  <div id="one" class="one"></div>
</body>
</html>
<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    //事件触发 trigger.
    //a.代码的方式来触发事件.
    //b.可以使用他来触发自定义事件.
    // $('#btn1').on('click',function(){
    //   console.log('鼠标点击事件');
    // })
    // var i = 0;
    // $('#btn1').on('click',function(){
    //   i++;
    //   if(i==3){
    //     $('#one').trigger('click',function(){
  
    //     })
    //   }
    // })
    //注册的自定义的事件
    $('#one').on('wangyaode',function(){
      console.log('嘻嘻，我是王耀德大帅B')
    })

    $('#btn2').on('click',function(){
      var res = confirm('请问你是谁');
      if(res){
        $('#one').trigger('wangyaode')
      }
    })


  });
</script>